﻿<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Home</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- all css here -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/pe-icon-7-stroke.css">
<link rel="stylesheet" href="assets/css/icofont.css">
<link rel="stylesheet" href="assets/css/meanmenu.min.css">
<link rel="stylesheet" href="assets/css/bundle.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>

<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.all.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<header>
	<div class="header-bottom wrapper-padding-2 res-header-sm sticker header-sticky-3 furits-header">
		<!--<div class="container-fluid">
			<div class="header-bottom-wrapper">
				<div class="logo-2 ptb-35">
					<a href="index.html">
						<img src="assets/img/logo/logo-10.png" alt="">
					</a>
				</div>
				<div class="menu-style-2 handicraft-menu menu-hover">
					<nav>
						<ul>
							<li><a href="index.html">Home</a></li>
							<li><a href="shop.html">Shop</a></li>
							<li><a href="shop-list.html">Shop List</a></li>
						</ul>
					</nav>
				</div>
				<div class="furits-login-cart">
					<div class="furits-login">
						<ul>
							<li>
								<a href="#">Login</a>
							</li>
							<li>
								<a href="#">Reg</a>
							</li>
						</ul>
					</div>
					<div class="header-cart-4 furits-cart">
						<a class="icon-cart" href="#">
							<i class="pe-7s-shopbag"></i>
							<span class="handicraft-count">02</span>
						</a>
						<ul class="cart-dropdown">
							<li class="single-product-cart">
								<div class="cart-img">
									<a href="#"><img src="assets/img/cart/1.jpg" alt=""></a>
								</div>
								<div class="cart-title">
									<h5><a href="#"> Bits Headphone</a></h5>
									<h6><a href="#">Black</a></h6>
									<span>$80.00 x 1</span>
								</div>
								<div class="cart-delete">
									<a href="#"><i class="ti-trash"></i></a>
								</div>
							</li>
							<li class="single-product-cart">
								<div class="cart-img">
									<a href="#"><img src="assets/img/cart/2.jpg" alt=""></a>
								</div>
								<div class="cart-title">
									<h5><a href="#"> Bits Headphone</a></h5>
									<h6><a href="#">Black</a></h6>
									<span>$80.00 x 1</span>
								</div>
								<div class="cart-delete">
									<a href="#"><i class="ti-trash"></i></a>
								</div>
							</li>
							<li class="single-product-cart">
								<div class="cart-img">
									<a href="#"><img src="assets/img/cart/3.jpg" alt=""></a>
								</div>
								<div class="cart-title">
									<h5><a href="#"> Bits Headphone</a></h5>
									<h6><a href="#">Black</a></h6>
									<span>$80.00 x 1</span>
								</div>
								<div class="cart-delete">
									<a href="#"><i class="ti-trash"></i></a>
								</div>
							</li>
							<li class="cart-space">
								<div class="cart-sub">
									<h4>Subtotal</h4>
								</div>
								<div class="cart-price">
									<h4>$240.00</h4>
								</div>
							</li>
							<li class="cart-btn-wrapper">
								<a class="cart-btn btn-hover" href="#">view cart</a>
								<a class="cart-btn btn-hover" href="#">checkout</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="mobile-menu-area handicraft-menu d-md-block col-md-12 col-lg-12 col-12 d-lg-none d-xl-none">
					<div class="mobile-menu">
						<nav id="mobile-menu-active">
							<ul class="menu-overflow">
								<li><a href="index.html">Home</a></li>
								<li><a href="shop.html">Shop</a></li>
								<li><a href="shop-list.html">Shop List</a></li>
							</ul>
						</nav>							
					</div>
				</div>
			</div>
		</div>-->
	</div>
</header>

<!-- product area start -->
<div class="product-style-area gray-bg-4 pb-105">
	<div class="container-fluid">
		<div class="section-title-furits bg-shape text-center mb-80">
			<img src="assets/img/icon-img/49.png" alt="">
			<h2>我们的最新水果</h2>
		</div>
		<div class="product-fruit-slider owl-carousel">
			<div class="product-fruit-wrapper">
				<div class="product-fruit-img">
					<img src="assets/img/product/furits/1.jpg" alt="">
					<div class="product-furit-action">
						<a class="furit-animate-left" title="与我们联系" href="#">
							<i class="pe-7s-cart"></i>
						</a>
						<a class="furit-animate-right" title="Wishlist" href="#">
							<i class="pe-7s-like"></i>
						</a>
					</div>
				</div>
				<div class="product-fruit-content text-center">
					<h4><a href="#">橙子</a></h4>
					<span>20.99元</span>
				</div>
			</div>
			<div class="product-fruit-wrapper">
				<div class="product-fruit-img">
					<img src="assets/img/product/furits/2.jpg" alt="">
					<div class="product-furit-action">
						<a class="furit-animate-left" title="Add To Cart" href="#">
							<i class="pe-7s-cart"></i>
						</a>
						<a class="furit-animate-right" title="Wishlist" href="#">
							<i class="pe-7s-like"></i>
						</a>
					</div>
				</div>
				<div class="product-fruit-content text-center">
					<h4><a href="#">梨</a></h4>
					<span>20.99元</span>
				</div>
			</div>
			<div class="product-fruit-wrapper">
				<div class="product-fruit-img">
					<img src="assets/img/product/furits/3.jpg" alt="">
					<div class="product-furit-action">
						<a class="furit-animate-left" title="Add To Cart" href="#">
							<i class="pe-7s-cart"></i>
						</a>
						<a class="furit-animate-right" title="Wishlist" href="#">
							<i class="pe-7s-like"></i>
						</a>
					</div>
				</div>
				<div class="product-fruit-content text-center">
					<h4><a href="#">苹果</a></h4>
					<span>20.99元</span>
				</div>
			</div>
			<div class="product-fruit-wrapper">
				<div class="product-fruit-img">
					<img src="assets/img/product/furits/4.jpg" alt="">
					<div class="product-furit-action">
						<a class="furit-animate-left" title="Add To Cart" href="#">
							<i class="pe-7s-cart"></i>
						</a>
						<a class="furit-animate-right" title="Wishlist" href="#">
							<i class="pe-7s-like"></i>
						</a>
					</div>
				</div>
				<div class="product-fruit-content text-center">
					<h4><a href="#">黄桃</a></h4>
					<span>20.99元</span>
				</div>
			</div>
			<div class="product-fruit-wrapper">
				<div class="product-fruit-img">
					<img src="assets/img/product/furits/5.jpg" alt="">
					<div class="product-furit-action">
						<a class="furit-animate-left" title="Add To Cart" href="#">
							<i class="pe-7s-cart"></i>
						</a>
						<a class="furit-animate-right" title="Wishlist" href="#">
							<i class="pe-7s-like"></i>
						</a>
					</div>
				</div>
				<div class="product-fruit-content text-center">
					<h4><a href="#">菠萝</a></h4>
					<span>20.99元</span>
				</div>
			</div>
			<div class="product-fruit-wrapper">
				<div class="product-fruit-img">
					<img src="assets/img/product/furits/1.jpg" alt="">
					<div class="product-furit-action">
						<a class="furit-animate-left" title="Add To Cart" href="#">
							<i class="pe-7s-cart"></i>
						</a>
						<a class="furit-animate-right" title="Wishlist" href="#">
							<i class="pe-7s-like"></i>
						</a>
					</div>
				</div>
				<div class="product-fruit-content text-center">
					<h4><a href="#">Olivo la deshion</a></h4>
					<span>20.99元</span>
				</div>
			</div>
			<div class="product-fruit-wrapper">
				<div class="product-fruit-img">
					<img src="assets/img/product/furits/3.jpg" alt="">
					<div class="product-furit-action">
						<a class="furit-animate-left" title="Add To Cart" href="#">
							<i class="pe-7s-cart"></i>
						</a>
						<a class="furit-animate-right" title="Wishlist" href="#">
							<i class="pe-7s-like"></i>
						</a>
					</div>
				</div>
				<div class="product-fruit-content text-center">
					<h4><a href="#">新鲜草莓</a></h4>
					<span>20.99元</span>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="product-style-area pt-130 pb-30 wow fadeInUp">
	<div class="container">
		<div class="section-title-furits text-center mb-95">
			<img src="assets/img/icon-img/49.png" alt="">
			<h2>更多新鲜水果</h2>
		</div>
		<div class="row">
			<div class="col-lg-4 col-xl-3 col-md-6">
				<div class="product-fruit-wrapper mb-60">
					<div class="product-fruit-img">
						<img src="assets/img/product/furits/6.jpg" alt="">
						<div class="product-furit-action">
							<a class="furit-animate-left" title="Add To Cart" href="#">
								<i class="pe-7s-cart"></i>
							</a>
							<a class="furit-animate-right" title="Wishlist" href="#">
								<i class="pe-7s-like"></i>
							</a>
						</div>
					</div>
					<div class="product-fruit-content text-center">
						<h4><a href="#">Pinapple Freash</a></h4>
						<span>20.99元</span>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-xl-3 col-md-6">
				<div class="product-fruit-wrapper mb-60">
					<div class="product-fruit-img">
						<img src="assets/img/product/furits/13.jpg" alt="">
						<div class="product-furit-action">
							<a class="furit-animate-left" title="Add To Cart" href="#">
								<i class="pe-7s-cart"></i>
							</a>
							<a class="furit-animate-right" title="Wishlist" href="#">
								<i class="pe-7s-like"></i>
							</a>
						</div>
					</div>
					<div class="product-fruit-content text-center">
						<h4><a href="#">Kropi Jussi</a></h4>
						<span>20.99元</span>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-xl-3 col-md-6">
				<div class="product-fruit-wrapper mb-60">
					<div class="product-fruit-img">
						<img src="assets/img/product/furits/8.jpg" alt="">
						<div class="product-furit-action">
							<a class="furit-animate-left" title="Add To Cart" href="#">
								<i class="pe-7s-cart"></i>
							</a>
							<a class="furit-animate-right" title="Wishlist" href="#">
								<i class="pe-7s-like"></i>
							</a>
						</div>
					</div>
					<div class="product-fruit-content text-center">
						<h4><a href="#">Freash Avocado</a></h4>
						<span>20.99元</span>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-xl-3 col-md-6">
				<div class="product-fruit-wrapper mb-60">
					<div class="product-fruit-img">
						<img src="assets/img/product/furits/9.jpg" alt="">
						<div class="product-furit-action">
							<a class="furit-animate-left" title="Add To Cart" href="#">
								<i class="pe-7s-cart"></i>
							</a>
							<a class="furit-animate-right" title="Wishlist" href="#">
								<i class="pe-7s-like"></i>
							</a>
						</div>
					</div>
					<div class="product-fruit-content text-center">
						<h4><a href="#">Grean Lemooon</a></h4>
						<span>20.99元</span>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-xl-3 col-md-6">
				<div class="product-fruit-wrapper mb-60">
					<div class="product-fruit-img">
						<img src="assets/img/product/furits/10.jpg" alt="">
						<div class="product-furit-action">
							<a class="furit-animate-left" title="Add To Cart" href="#">
								<i class="pe-7s-cart"></i>
							</a>
							<a class="furit-animate-right" title="Wishlist" href="#">
								<i class="pe-7s-like"></i>
							</a>
						</div>
					</div>
					<div class="product-fruit-content text-center">
						<h4><a href="#">Red Bedena</a></h4>
						<span>20.99元</span>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-xl-3 col-md-6">
				<div class="product-fruit-wrapper mb-60">
					<div class="product-fruit-img">
						<img src="assets/img/product/furits/11.jpg" alt="">
						<div class="product-furit-action">
							<a class="furit-animate-left" title="Add To Cart" href="#">
								<i class="pe-7s-cart"></i>
							</a>
							<a class="furit-animate-right" title="Wishlist" href="#">
								<i class="pe-7s-like"></i>
							</a>
						</div>
					</div>
					<div class="product-fruit-content text-center">
						<h4><a href="#">Olivo la deshion</a></h4>
						<span>20.99元</span>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-xl-3 col-md-6">
				<div class="product-fruit-wrapper mb-60">
					<div class="product-fruit-img">
						<img src="assets/img/product/furits/12.jpg" alt="">
						<div class="product-furit-action">
							<a class="furit-animate-left" title="Add To Cart" href="#">
								<i class="pe-7s-cart"></i>
							</a>
							<a class="furit-animate-right" title="Wishlist" href="#">
								<i class="pe-7s-like"></i>
							</a>
						</div>
					</div>
					<div class="product-fruit-content text-center">
						<h4><a href="#">Freash Blackberry</a></h4>
						<span>20.99元</span>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-xl-3 col-md-6">
				<div class="product-fruit-wrapper mb-60">
					<div class="product-fruit-img">
						<img src="assets/img/product/furits/13.jpg" alt="">
						<div class="product-furit-action">
							<a class="furit-animate-left" title="Add To Cart" href="#">
								<i class="pe-7s-cart"></i>
							</a>
							<a class="furit-animate-right" title="Wishlist" href="#">
								<i class="pe-7s-like"></i>
							</a>
						</div>
					</div>
					<div class="product-fruit-content text-center">
						<h4><a href="#">Pinapple Freash</a></h4>
						<span>20.99元</span>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div id="pageObject" style='text-align: center;'></div>
<div class="fruits-services ptb-200">
	<div class="fruits-services-wrapper">
		<div class="single-fruits-services">
			<div class="fruits-services-img">
				<img src="assets/img/icon-img/53.png" alt="">
			</div>
			<div class="fruits-services-content">
				<h4>联系我们</h4>
				<p>Lorem Ipsum is simply dummy text of the and typesetting industry. Lorem Ipsum is simply industry.</p>
			</div>
		</div>
		<div class="single-fruits-services">
			<div class="fruits-services-img">
				<img src="assets/img/icon-img/54.png" alt="">
			</div>
			<div class="fruits-services-content">
				<h4>确定您的位置</h4>
				<p>Lorem Ipsum is simply dummy text of the and typesetting industry. Lorem Ipsum is simply industry.</p>
			</div>
		</div>
		<div class="single-fruits-services">
			<div class="fruits-services-img">
				<img src="assets/img/icon-img/55.png" alt="">
			</div>
			<div class="fruits-services-content">
				<h4>收集您的水果</h4>
				<p>Lorem Ipsum is simply dummy text of the and typesetting industry. Lorem Ipsum is simply industry.</p>
			</div>
		</div>
	</div>
</div>
<footer class="footer-area fruits-footer">
	<div class="food-footer-bottom pt-80 pb-70 black-bg-5">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-lg-20">
					<div class="footer-widget">
						<div class="food-about">
							<p>Fresh Fruits Online Shop</p>
							<div class="food-about-info">
								<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
								 <div class="food-info-wrapper">
									<div class="food-address">
										<div class="food-info-icon">
											<i class="pe-7s-map-marker"></i>
										</div>
										<div class="food-info-content">
											<p>13 Banasree, Dhaka, Bangladesh</p>
										</div>
									</div>
									<div class="food-address">
										<div class="food-info-icon">
											<i class="pe-7s-call"></i>
										</div>
										<div class="food-info-content">
											<p>+88 -122-5184203</p>
										</div>
									</div>
									<div class="food-address">
										<div class="food-info-icon">
											<i class="pe-7s-chat"></i>
										</div>
										<div class="food-info-content">
											<p><a href="#">domain@mail.com</a> <br><a href="#">company@domain.info</a></p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--<div class="col-md-6 col-lg-2">
					<div class="footer-widget mt-50">
						<h3 class="footer-widget-title-6">Options</h3>
						<div class="food-widget-content">
							<ul>
								<li><a href="#"><img src="assets/img/icon-img/41.png" alt=""> Cart</a></li>
								<li><a href="#"><img src="assets/img/icon-img/41.png" alt=""> My Account</a></li>
								<li><a href="#"><img src="assets/img/icon-img/41.png" alt="">Wishlist</a></li>
								<li><a href="#"><img src="assets/img/icon-img/41.png" alt=""> Login</a></li>
								<li><a href="r"><img src="assets/img/icon-img/41.png" alt="">Register</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-md-6 col-lg-3">
					<div class="footer-widget mt-50">
						<h3 class="footer-widget-title-6">Information</h3>
						<div class="food-widget-content">
							<ul>
								<li><a href="#"><img src="assets/img/icon-img/41.png" alt=""> About</a></li>
								<li><a href="#"><img src="assets/img/icon-img/41.png" alt="">Contact</a></li>
								<li><a href="#"><img src="assets/img/icon-img/41.png" alt="">Privacy Policy</a></li>
								<li><a href="#"><img src="assets/img/icon-img/41.png" alt=""> Ezone Address</a></li>
								<li><a href="#"><img src="assets/img/icon-img/41.png" alt="">News</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-md-6 col-lg-3">
					<div class="footer-widget food-widget mt-50">
						<h3 class="footer-widget-title-6">Fliker Stream</h3>
						<div class="food-widget-content">
							<a href="#"><img src="assets/img/banner/34.jpg" alt=""></a>
						</div>
					</div>
				</div>-->
			</div>
		</div>
	</div>
	<div class="food-copyright black-bg-6 ptb-30">
		<div class="container text-center">
			<p>Copyright &copy; 2018.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
		</div>
	</div>
</footer>

<!-- all js here -->
<script src="assets/js/vendor/jquery-1.12.0.min.js"></script>
<script src="assets/js/popper.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/jquery.counterup.min.js"></script>
<script src="assets/js/waypoints.min.js"></script>
<script src="assets/js/ajax-mail.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/main.js"></script>
<script>

layui.use('laypage', function(){
  var laypage = layui.laypage;
  
  //执行一个laypage实例
  laypage.render({
    elem: 'pageObject' //注意，这里的 test1 是 ID，不用加 # 号
    ,count: 50 //数据总数，从服务端得到
  });
});
</script> 
</body>
</html>